HTMLify
virtual piano
Views: 401 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Piano</title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="icon" type="image/gif" href="assets/favicon.png" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" /> </head> <body> <div id="volumeBar"> <div><i class="fas fa-volume-up"></i></div> <div> <i class="fas fa-plus"></i> <span id="volume">2</span> <i class="fas fa-minus"></i> </div> </div> <div id="piano"> <div id="keys"></div> </div> <img src="assets/twinkleStar.JPG" alt="Sheet Music" /> <script src="app.js"></script> </body> </html> |